<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>小米官网</title>
	<link rel="icon" type="image/png" sizes="16x16" href="img/logo-footer.png">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/public.css">
</head>
<body>
	<!-- 头部开始 -->
	<div class="head">
		<div class="head_mian">
			<div class="head_left">
				<a href=""class="head_wenzi">小米商城</a>
				<div class="head_line"></div>

				<a href=""class="head_wenzi">MIUI</a>
				<div class="head_line"></div>
				
				<a href=""class="head_wenzi">米聊</a>
				<div class="head_line"></div>

				<a href=""class="head_wenzi">游戏</a>
				<div class="head_line"></div>

				<a href=""class="head_wenzi">多看阅读</a>
				<div class="head_line"></div>
	            
	            <a href=""class="head_wenzi">云服务</a>
				<div class="head_line"></div>

				<a href=""class="head_wenzi">金融</a>
				<div class="head_line"></div>
				
				<a href=""class="head_wenzi">小米商城移动版</a>
				<div class="head_line"></div>

				<a href=""class="head_wenzi">问题反馈</a>
				<div class="head_line"></div>

				<a href=""class="head_wenzi">Select Region</a>
				<div class="head_line"></div>
			</div>
			<div class="head_right">
				<a href=""class="head_wenzi">登录</a>
				<div class="head_line"></div>

				<a href=""class="head_wenzi">注册</a>
				<div class="head_line"></div>
				
				<a href=""class="head_wenzi">消息通知</a>
				<div class="head_buy">
					<div class="head_car">
						<span class="head_car1">
							&#xe600;
						</span>
						<span class="head_car2">
							购物车( 0 )
						</span>
				</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 头部结束 -->
	<!-- 导航开始 -->
	<main class="daohang">
		<img src="img/素材/mi-logo.png" alt="" class="daohang_logo">
		<div class="daohang_wenzi">
			<span>小米手机</span>
			<span>红米</span>
			<span>平板•笔记本</span>
			<span>电视</span>
			<span>盒子•影音</span>
			<span>路由器</span>
			<span>智能硬件</span>
			<a href="">
				<span>服务</span>
			</a>
			<a href="">
				<span>社区</span>
			</a>
		</div>
		<div class="search">
			
			<input type="text" class="search555">
			<input type="button" class="search_btn" value="&#xe6a8;"</input>
			<!-- <label for="" class="search_btn">&#xe6a8;</label> -->
		    <!-- <span class="search_btn">&#xe6a8;</span> -->
			<div class="search1">小米Note 3</div>
			<div class="search1 search2">红米5 Plus</div>
		</div>
	</main>
	<!-- 导航结束 -->
	<!-- banner开始 -->
	<div class="banner">
		<div class="banner_img">
			<img src="img/素材/banner1.jpg" alt="">
			<img src="img/素材/banner2.jpg" alt="">
		</div>
		<ul class="banner_nav">
			<li>
				<span class="banner_title">
					手机 电话卡
				</span>
				<div class="jiantou">
					&gt;
				</div>
			</li>

			<li>
				<span class="banner_title">
					电视 盒子
				</span>
				<div class="jiantou">
					&gt;
				</div>
			</li>

			<li>
				<span class="banner_title">
					笔记本
				</span>
				<div class="jiantou">
					&gt;
				</div>
			</li>

			<li>
				<span class="banner_title">
					智能 家电
				</span>
				<div class="jiantou">
					&gt;
				</div>
			</li>

			<li>
				<span class="banner_title">
					健康 家居
				</span>
				<div class="jiantou">
					&gt;
				</div>
			</li>

			<li>
				<span class="banner_title">
					出行 儿童
				</span>
				<div class="jiantou">
					&gt;
				</div>
			</li>

			<li>
				<span class="banner_title">
					路由器 手机配件
				</span>
				<div class="jiantou">
					&gt;
				</div>
			</li>

			<li>
				<span class="banner_title">
					移动电源 插线板
				</span>
				<div class="jiantou">
					&gt;
				</div>
			</li>

			<li>
				<span class="banner_title">
					耳机 音箱
				</span>
				<div class="jiantou">
					&gt;
				</div>
			</li>

			<li>
				<span class="banner_title">
					生活 米兔
				</span>
				<div class="jiantou">
					&gt;
				</div>
			</li>


		</ul>
		<div class="banner_btn banner_lbtn">&lt;</div>
		<div class="banner_btn banner_rbtn">&gt;</div>
	</div>
	<!-- banner结束 -->
	<!-- smallbanner开始 -->
	<div class="smallbanner">
		<div class="smallbannericon">
			<div class="smallbannericon1">
				<span>&#xe7ae;</span>
				<h1 class="smallbannericon2">选购手机</h1>
			</div>
			
			<div class="smallbannericon1">
				<span>&#xe611;</span>
				<h1 class="smallbannericon2">企业团购</h1>
			</div>

			<div class="smallbannericon1">
				<span>&#xe601;</span>
				<h1 class="smallbannericon2">F码通道</h1>
			</div>

			<div class="smallbannericon1">
				<span>&#xe61d;</span>
				<h1 class="smallbannericon2">米粉卡</h1>
			</div>

			<div class="smallbannericon1">
				<span>&#xe689;</span>
				<h1 class="smallbannericon2">以旧换新</h1>
			</div>

			<div class="smallbannericon1">
				<span>&#xe6a9;</span>
				<h1 class="smallbannericon2">话费充值</h1>
			</div>
		</div>
		<div class="smallbannerimg">
			<img class="smallbannerimg1" src="img/素材/smallbannerimg1.jpg" alt="">
		<!-- </div>

		<div class="bannerimg"> -->
			<img class="smallbannerimg1" src="img/素材/smallbannerimg2.jpg" alt="">
		<!-- </div>

		<div class="bannerimg"> -->
			<img class="smallbannerimg1 smallbannerimg2" src="img/素材/smallbannerimg3.jpg" alt="">
		</div>
	</div>
	<!-- samllbanner结束 -->
	<!-- 小米单品开始 -->
	<section class="star">
		<div class="star_top">
			<h2>小米明星单品</h2>
			<div class="star_btn">
				<div class="star_btn1">&lt;</div>
				<div class="star_btn2">&gt;</div>
			</div>
		</div>
		<div class="star_bottom">
			<div class="star_item">
				<img src="img/素材/danpin1.png" alt="">
				<h1>小米MIX 2</h1>
				<h2>全面屏2.0,5.99"大屏</h2>
				<h3>3299元起</h3>
			</div>

			<div class="star_item star_item1">
				<img src="img/素材/danpin2.png" alt="">
				<h1>红米2A</h1>
				<h2>8天超长待机，137g轻巧机身</h2>
				<h3>599元</h3>
			</div>

			<div class="star_item star_item2">
				<img src="img/素材/danpin3.png" alt="">
				<h1>小米6</h1>
				<h2>变焦双摄，4 轴防抖</h2>
				<h3>2299元起</h3>
			</div>

			<div class="star_item star_item3">
				<img src="img/素材/danpin4.png" alt="">
				<h1>小米电视4A 43英寸 标准版</h1>
				<h2>全高清HDR 四核高性能处理器</h2>
				<h3>1999元</h3>
			</div>

			<div class="star_item star_item4">
				<img src="img/素材/danpin5.png" alt="">
				<h1>小米电视4A 43英寸 标准版</h1>
				<h2>全高清HDR 四核高性能处理器</h2>
				<h3>1999元</h3>
			</div>
		</div>
	</section>
	<!-- 小米单品结束 -->
	<!-- 内容部分开始 -->
	<div class="content">
		<div class="smart">    <!-- 智能 -->
			<div class="smart_top">
				<h1>智能插件</h1>
				<div class="smart_more">
					<h2>查看全部</h2>
					<div class="smart_btn">
					&gt;
					</div>
				</div>
			</div>
			<div class="smart_bottom">
				<img src="img/素材/smart1.jpg" alt="" class="smart_left">
				<div class="smart_right">
					<div class="smart_item">
						<img src="img/素材/smart2.jpg" alt="">
						<a href="">小米电视4A 32英寸...</a>
						<p>64位四核处理器/1GB+4G</p>
						<h1>999元</h1>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item">
						<img src="img/素材/smart3.png" alt="">
						<a href="">小米电视4A 49英寸 标准版</a>
						<p>2GB+8GB 大储存 / 全高清H...</p>
						<h1>2199元</h1>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item">
						<img src="img/素材/smart4.jpg" alt="">
						<a href="">13.3"虾米笔记本Air i5 8G 2
						...</a>
						<p>&nbsp;</p>
						<h1>5199元</h1>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item">
						<img src="img/素材/smart5.jpg" alt="">
						<a href="">15.6"小米笔记本Pro i7 16G...</a>
						<p>第7代CPU 2G独显 指纹解锁</p>
						<h1>6999元</h1>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item item1">
						<img src="img/素材/smart11.jpg" alt="">
						<a href="">小米笔记本Air 12.5英寸</a>
						<p>更轻更薄，像杂志一样随身...</p>
						<h1>3999元</h1>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item item1">
						<img src="img/素材/smart6.jpg" alt="">
						<a href="">飞利浦智 睿蜡烛灯泡 水晶版</a>
						<p>亮度色温可调，十年使用寿命</p>
						<h1>59元</h1>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item item1">
						<img src="img/素材/smart7.jpg" alt="">
						<a href="">米家电水壶</a>
						<p>一杯水，是一家人的安心</p>
						<h1>99元</h1>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item item1">
						<img src="img/素材/smart10.jpg" alt="">
						<a href="">小米盒子3 增强版</a>
						<p>高端 4K 网络机顶盒</p>
						<h1>399元</h1>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>
				</div>

				
			</div>
		</div>  
		<div class="smart match">     <!-- 搭配 -->
			<div class="smart_top match_top">
				<h1>搭配</h1>
				<div class="smart_more match_more">
					<div class="match_wenzi">
						<div class="match_remen">
							<span>热门</span>
					
							<span>耳机音箱</span>
							<span>电源</span>
							<div class="match_dianchicunchu">
								<span>电池存储</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="smart_bottom">
				<div class="smart_left ">
					<div class=" match_item picture">
						<img src="img/素材/match2.jpg" alt="">
					</div>
					<div class=" match_item match_item1 picture">
						<img src="img/素材/match7.jpg" alt="">
					</div>
				</div>
				<div class="smart_right match_right">
					<div class="smart_item">
						<img src="img/素材/match3.jpg" alt="">
						<a href="">新小米移动电源2（10000mAh）</a>
						<h1>79元</h1>
						<h4>3122人评价</h4>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item">
						<img src="img/素材/match4.jpg" alt="">
						<a href="">小米移动电源2C 20000mAh</a>
						<h1>129元</h1>
						<h4>1.4万人评价</h4>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item">
						<img src="img/素材/match5.jpg" alt="">
						<a href="">ZMI双模智能充电器+充电宝</a>
						<h1>109元</h1>
						<h4>156人评价</h4>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item">
						<img src="img/素材/match6.jpg" alt="">
						小米移动电源10000mAh高配版</a>
						<h1>149元</h1>
						<h4>2万人评价</h4>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item item1">
						<img src="img/素材/match8.jpg" alt="">
						<a href="">小米移动电源5000mAh</a>
						<h1>49元</h1>
						<h4>10.9万人评价</h4>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item item1">
						<img src="img/素材/match9.jpg" alt="">
						<a href="">小米活塞耳机 清新版</a>
						<h1>29元</h1>
						<h4>9.1万人评价</h4>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item item1">
						<img src="img/素材/match10.jpg" alt="">
						<a href="">小米移动电源2（5000mAh版）</a>
						<h1>49元</h1>
						<h4>227人评价</h4>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="match_youxiatu">
						<img src="img/素材/match1.jpg" alt="" class="match1">
						<a href="" class="match_shangtu">小白摄像机</a>
						<p class="price">399元</p>
					</div>
					<div class="match_youxiatu match_youxiatu_1">
						<div class="liulangengduo_111">
							<a href="" class="liulangengduo">
							浏览更多</a>
							<br>
							<a href="" class="liulangengduo_1">热门</a>
						</div>
						<div class="jiantou_1123">
							<span class="touxia_icon">&#xe62a;</span>
						</div>
					</div>
				</div>
			</div>	
		</div>
		<div class="smart match">     <!-- 配件 -->
			<div class="smart_top match_top">
				<h1>配件</h1>
				<div class="smart_more match_more">
					<div class="match_wenzi">
						<div class="match_remen">
							<span>热门</span>
					
							<span>耳机音箱</span>
							<span>电源</span>
							<div class="match_dianchicunchu">
								<span>电池存储</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="smart_bottom">
				<div class="smart_left">
					<div class=" match_item picture">
						<img src="img/素材/peijian1.jpg" alt="">
					</div>
					<div class=" match_item match_item1 picture">
						<img src="img/素材/peijian2.jpg" alt="">
					</div>
				</div>
				<div class="smart_right match_right">
					<div class="smart_item">
						<img src="img/素材/peijian3.jpg" alt="">
						<a href="">MIX 2 拼色真皮保护套</a>
						<h1>99元</h1>
						<h4>89人评价</h4>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item">
						<img src="img/素材/peijian4.jpg" alt="">
						<a href="">小米Note 3 智能立显半透明保护套</a>
						<h1>69元</h1>
						<h4>367人评价</h4>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item">
						<img src="img/素材/peijian5.jpg" alt="">
						<a href="">MIX 2元陶瓷版极简保护壳</a>
						<h1>39元</h1>
						<h4>455人评价</h4>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item">
						<img src="img/素材/peijian6.jpg" alt="">
						<a href="">红米 5 plus极简防摔保护套</a>
						<h1>39元</h1>
						<h4>1006人评价</h4>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item item1">
						<img src="img/素材/peijian7.jpg" alt="">
						<a href="">红米 5 plus标准钢化玻璃膜</a>
						<h1>29元</h1>
						<h4>523人评价</h4>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item item1">
						<img src="img/素材/peijian8.jpg" alt="">
						<a href="">红米 5 plus标准高透璃膜</a>
						<h1>19元</h1>
						<h4>930人评价</h4>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item item1">
						<img src="img/素材/peijian9.jpg" alt="">
						<a href="">小米5X智能显示保护套</a>
						<h1>49元</h1>
						<h4>177人评价</h4>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="match_youxiatu">
						<img src="img/素材/match11.jpg" alt="" class="match1">
						<a href="" class="match_shangtu">彩虹7号电池...</a>
						<p class="price">9.9元</p>
					</div>
					<div class="match_youxiatu match_youxiatu_1">
						<div class="liulangengduo_111">
							<a href="" class="liulangengduo">
							浏览更多</a>
							<br>
							<a href="" class="liulangengduo_1">热门</a>
						</div>
						<div class="jiantou_1123">
							<span class="touxia_icon">&#xe62a;</span>
						</div>
					</div>
				</div>

				
			</div>
		</div>
		<div class="smart match">    <!-- 周边 -->
			<div class="smart_top match_top">
				<h1>周边</h1>
				<div class="smart_more match_more">
					<div class="match_wenzi">
						<div class="match_remen">
							<span>热门</span>
					
							<span>耳机音箱</span>
							<span>电源</span>
							<div class="match_dianchicunchu">
								<span>电池存储</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="smart_bottom">
				<div class="smart_left">
					<div class=" match_item picture">
						<img src="img/素材/zhoubian1.jpg" alt="">
					</div>
					<div class=" match_item match_item1 picture">
						<img src="img/素材/zhoubian2.jpg" alt="">
					</div>
				</div>
				<div class="smart_right match_right">
					<div class="smart_item">
						<img src="img/素材/zhoubian3.jpg" alt="">
						<a href="">米家运动鞋</a>
						<h1>199元</h1>
						<h4>8061人评价</h4>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item">
						<img src="img/素材/zhoubian4.jpg" alt="">
						<a href="">90分金属登机箱米家定制</a>
						<h1>999元</h1>
						<h4>505人评价</h4>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item">
						<img src="img/素材/zhoubian5.jpg" alt="">
						<a href="">8H天竺棉针织件套</a>
						<h1>239元</h1>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item">
						<img src="img/素材/zhoubian6.jpg" alt="">
						<a href="">BH三曲线护颈记忆绵枕</a>
						<h1>89元</h1>
						<h4>1335人评价</h4>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item item1">
						<img src="img/素材/zhoubian7.jpg" alt="">
						<a href="">BH蝶形护颈记忆绵枕</a>
						<h1>129元</h1>
						<h4>824人评价</h4>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item item1">
						<img src="img/素材/zhoubian8.jpg" alt="">
						<a href="">90分全天候机能背包更新版</a>
						<h1>199元</h1>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="smart_item item1">
						<img src="img/素材/zhoubian9.jpg" alt="">
						<a href="">贝医生巴氏牙刷（四色装）</a>
						<h1>39.9元</h1>
						<h4>8316人评价</h4>
						<div class="smart_tan">
							<div class="smart_tanhezi">
								我们家都觉得很好,挺不错的。我们会一直支持的        <h6>来自于 小湿弟 的评价</h6>
							</div>
						</div>
					</div>

					<div class="match_youxiatu">
						<img src="img/素材/peijian10.jpg" alt="" class="match1">
						<a href="" class="match_shangtu">红米 5 标准...</a>
						<p class="price">18元</p>
					</div>
					<div class="match_youxiatu match_youxiatu_1">
						<div class="liulangengduo_111">
							<a href="" class="liulangengduo">
							浏览更多</a>
							<br>
							<a href="" class="liulangengduo_1">热门</a>
						</div>
						<div class="jiantou_1123">
							<span class="touxia_icon">&#xe62a;</span>
						</div>
					</div>
				</div>

				
			</div>
		</div>
		<section class="star"><!-- 为您推荐 -->
			<div class="star_top recommend_top">
				<div class="h2">
					<h2>为您推荐</h2>
				</div>
				<div class="star_btn recommend_btn">
					<div class="star_btn1">&lt;</div>
					<div class="star_btn2">&gt;</div>
				</div>
			</div>
			<div class="star_bottom">
				<div class="star_item recommend_item">
					<img src="img/素材/tuijian1.jpg" alt="" class="">
					<h1>红米手机4A全网通版 16GB</h1>
					<h3>549元</h3>
					<h2>2305人评价</h2>
				</div>

				<div class="star_item star_item1 recommend_item">
					<img src="img/素材/tuijian2.jpg" alt="">
					<h1>红米Note 5A全网通版 3GB内...</h1>
					<h3>798元</h3>
					<h2>1.8万人评价</h2>
				</div>

				<div class="star_item star_item2 recommend_item">
					<img src="img/素材/tuijian3.jpg" alt="">
					<h1>小米Ai音箱</h1>
					<h3>299元</h3>
					<h2>2.9万人评价</h2>
				</div>

				<div class="star_item star_item3 recommend_item">
					<img src="img/素材/tuijian4.jpg" alt="">
					<h1>小米Note 3全网通版 6GB内...</h1>
					<h3>2399元</h3>
					<h2>1.4万人评价</h2>
				</div>

				<div class="star_item star_item4 recommend_item">
					<img src="img/素材/tuijian5.jpg" alt="">
					<h1>红米5 plus 全网通版 4GB内</h1>
					<h3>1299元</h3>
					<h2>1.3万人评价</h2>
				</div>
			</div>
		</section>
		<section class="star"><!-- 热评产品 -->
			<div class="star_top recommend_top reping_top">
				<div class="h2">
					<h2>热评产品</h2>
				</div>
			</div>
			<div class="star_bottom reping_bottom">
				<div class="star_item reping_item">
					<img src="img/素材/reping1.jpg" alt="" class="repingpic">
					<div class="reping_wenzi">
						<a href="" class="remenpinlun">东西真心不错，用过最好用的插线板，做工外观没得挑剔，3个USB接口很实用，充电快，建议不包邮的应该在...
						</a>
						<p>来自于 yinyin19891117 的评价</p>
						<div class="tuxiawenzi">
							<a href="" class="">小米插线板</a>
							<div class="reping_line"></div>
							<h6>49元</h6>
						</div>
					</div>
				</div>

				<div class="star_item star_item1 reping_item">
					<img src="img/素材/reping2.jpg" alt="">
					<div class="reping_wenzi">
						<a href="" class="reping_pinglun">包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！手机控制还是不太熟练，最主要是没有连接...</a>
					<p>来自于 HZG 的评价</p>
						<div class="tuxiawenzi">
							<a href="" class="">米家压力IH电饭煲</a>
							<div class="reping_line"></div>
							<h6>999元</h6>
						</div>
					</div>
				</div>

				<div class="star_item star_item2 reping_item">
					<img src="img/素材/reping3.jpg" alt="">
					<div class="reping_wenzi">
						<a href="" class="reping_pinglun">样子好可爱，特别是转来转去时很有趣。让它休眠时它就会把头转过去背对着你了，唤醒它又会自动转回来。你</a>
						<p>米家小白智能摄像机</p>
						<div class="tuxiawenzi">
							<a href="" class="">小米插线板</a>
							<div class="reping_line"></div>
							<h6>399元</h6>
						</div>
					</div>
				</div>

				<div class="star_item star_item3 reping_item star_item4">
					<img src="img/素材/reping4.jpg" alt="">
					<div class="reping_wenzi">
						<a href="" class="reping_pinglun">先五星好评。再来说说小米空气净化器，北方的天气雾霾越来越常态，这就迫切需要一台性价比高的空气净化,给好评</a>
						<p>来自于 sddyboy 的评价</p>
						<div class="tuxiawenzi">
							<a href="" class="">小米空气净化器2</a>
							<div class="reping_line"></div>
							<h6>699元</h6>
						</div>
					</div>
				</div>
			</div>
		</section>
		<section class="star"><!-- 内容 -->
			<div class="star_top neirong_top">
				<div class="h2 neirong_h2">
					<h2>内容</h2>
				</div>
			</div>
			<div class="star_bottom reping_bottom">
				<div class="star_item neirong_item ">
					<h3 class="neirong_title">图书</h3>
					<h4 class="neirong_name">哈利·波特与被诅咒的孩子</h4>
					<a class="desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</a>
					<h5 class="neirong_jiage">29.37元</h5>
					<img src="img/素材/nerong1.png" alt="">
				</div>

				<div class="star_item neirong_item star_item1">
					<h3 class="neirong_title" id="name1">MIUI 主题</h3>
					<h4 class="neirong_name ">米奇-有你有我</h4>
					<a class="desc">米奇来啦！小米主题和迪士尼首度合作，打造精品迪士尼系列主题</a>
					<h5 class="neirong_jiage">12米币</h5>
					<img src="img/素材/nerong2.png" alt="">
				</div>
				<div class="star_item neirong_item star_item3">
					<h3 class="neirong_title" id="name2">游戏</h3>
					<h4 class="neirong_name">剑侠世界2</h4>
					<a class="desc">潮流武侠，炫动江湖！</a>
					<h5 class="neirong_jiage"></h5>
					<img src="img/素材/nerong3.png" alt="">
				</div>

				<div class="star_item neirong_item star_item4">
					<h3 class="neirong_title " id="name3">应用</h3>
					<h4 class="neirong_name">2017金米奖</h4>
					<a class="desc">最优秀的应用和游戏</a>
					<h5 class="neirong_jiage"></h5>
					<img src="img/素材/nerong4.png" alt="">
				</div>

				
			</div>
		</section>
		<div class="smart shipin">    <!-- 视频 -->
			<div class="smart_top match_top">
				<h1>视频</h1>
				<div class="smart_more shipin_more">
					<h2>查看全部</h2>
					<div class="smart_btn shipin_btn">
					&gt;
					</div>
				</div>
			</div>
			<div class="shipinzhanshi">
				<img src="img/素材/shipin1.jpg" alt="" class="shipin1">
				<a href="" class="shipin1_biaoti"><p>品质之魂 存于匠心</p></a>
				<p class="shipin1_xiaobiaoti">红米手机品质的工程师访谈</p>
				<span class="bofangtubiao">&#xe665;</span>
				
				
			</div>
			<div class="shipinzhanshi">
				<img src="img/素材/shipin2.jpg" alt="" class="shipin1">
				<a href="" class="shipin1_biaoti"><p>红米手机工艺视频</p></a>
				<p class="shipin1_xiaobiaoti">红米5/红米5 Plus 高颜值机身</p>
				<span class="bofangtubiao">&#xe78f;</span>
			</div>
		
			<div class="shipinzhanshi">
				<img src="img/素材/shipin3.jpg" alt="" class="shipin1">
				<a href="" class="shipin1_biaoti"><p>雷军与斯塔克打造全面屏2.0</p></a>
				<p class="shipin1_xiaobiaoti">一场关于MIX 2 极致工艺的巅峰对话</p>
				<span class="bofangtubiao">&#xe78f;</span>
			</div>
		
			<div class="shipinzhanshi shipinzhanshi_4">
			<img src="img/素材/shipin4.jpg" alt="" class="shipin1">
				<a href="" class="shipin1_biaoti"><p>MIUI9 理念视频</p></a>
				<p class="shipin1_xiaobiaoti">快如闪电，前所未有的流畅</p>
				<span class="bofangtubiao">&#xe78f;</span>
			</div>
		</div>

	<!-- 内容部分结束 -->
	

	<!-- 站点地图开始 -->
	<div class="map">
		<div class="map_top">
			<div class="map_top1">
				<div class="mapicon1">
					<span>&#xe614;</span>
					<p>预约维修服务</p>
				</div>

				<div class="mapicon1 mapicon2">
					<span>&#xe60e;</span>
					<p>7天无理由退货</p>
				</div>

				<div class="mapicon1 mapicon2">
					<span>&#xe639;</span>
					<p>15天免费换货</p>
				</div>

				<div class="mapicon1 mapicon2">
					<span>&#xe611;</span>
					<p>满150元包邮</p>
				</div>

				<div class="mapicon1 mapicon2 mapicon3">
					<span>&#xe604;</span>
					<p>520余家售后网店</p>
				</div>
			</div>
		</div>
		<div class="maplink">
			<div class="maplink1">
				<div class="maplink1_help">帮助中心</div>
				<div class="maplink1_help1">账户管理</div>
				<div class="maplink1_help1">购物指南</div>
				<div class="maplink1_help1">订单操作</div>
			</div>

			<div class="maplink1">
				<div class="maplink1_help">服务支持</div>
				<div class="maplink1_help1">账户管理</div>
				<div class="maplink1_help1">购物指南</div>
				<div class="maplink1_help1">订单操作</div>
			</div>

			<div class="maplink1">
				<div class="maplink1_help">线下门店</div>
				<div class="maplink1_help1">售后政策</div>
				<div class="maplink1_help1">自助服务</div>
				<div class="maplink1_help1">相关下载</div>
			</div>

			<div class="maplink1">
				<div class="maplink1_help">关于小米</div>
				<div class="maplink1_help1">小米之家</div>
				<div class="maplink1_help1">服务网点</div>
				<div class="maplink1_help1">零售网点</div>
			</div>

			<div class="maplink1">
				<div class="maplink1_help">关注我们</div>
				<div class="maplink1_help1">了解小米</div>
				<div class="maplink1_help1">加入小米</div>
				<div class="maplink1_help1">联系我们</div>
			</div>

			<div class="maplink1">
				<div class="maplink1_help">特色服务</div>
				<div class="maplink1_help1">新浪微博</div>
				<div class="maplink1_help1">小米部落</div>
				<div class="maplink1_help1">官方微信</div>
			</div>
			<div class="mapright">
				<p class="phone">400-100-5678</p>
				<p class="phone1">周一至周日 8:00-18:00 <br> （仅收市话费）</p>
				<div class="kefu">
					<span>&#xe7ad;&nbsp;24小时在线客服</span>
				</div>
			</div>
		</div>
	<!-- 站点地图结束 -->
	<!-- 底部开始 -->
	<div class="foot">
		<div class="foot1">
			<img src="img/logo-footer.png" alt="">
			<div class="foot_top">
				<p class="footlianjie">
					<a rel="nofollow" href=>小米商城</a>
					<span class="sep">|</span>
					<a rel="nofollow" href=>MIUI</a>
					<span class="sep">|</span>
					<a rel="nofollow" href=>米家</a>
					<span class="sep">|</span>
					<a rel="nofollow" href=>米聊</a>
					<span class="sep">|</span>
					<a rel="nofollow" href=>多看</a>
					<span class="sep">|</span>
					<a rel="nofollow" href=>路由器</a>
					<span class="sep">|</span>
					<a rel="nofollow" href=>米粉卡</a>
					<span class="sep">|</span>
					<a rel="nofollow" href=>小米天猫店</a>
					<span class="sep">|</span>
					<a rel="nofollow" href=>隐私政策</a>
					<span class="sep">|</span>
					<a rel="nofollow" href=>问题反馈</a>
					<span class="sep">|</span>
					<a rel="nofollow" href=>Select Region</a>
					<span class="sep">|</span>
				</p>
				<div class="foot2">
					<img src="img/素材/dibu1.png" alt="">
					<img src="img/素材/dibu2.png" alt="">
					<img src="img/素材/dibu3.png" alt="">
					<img src="img/素材/dibu4.png" alt="">
					<img src="img/素材/dibu5.png" alt="">
				</div>
			</div>
			<div class="foot_mid">	<p>©mi.com 京ICP证110507号 <p>京ICP备10046444号</p> <p>京公网安备11010802020134号 <p><p>京网文[2014]0059-0009号 </p>
			<h1>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</h1>
			</div>
		</div>
		<div class="footfoot">
			<img src="img/素材/fashao.png" alt="">
		</div>

	</div>
	<!-- 底部结束 -->


</body>
</html>